<!--
 * @文件名称：  pingzhen.vue
 * @包路径：
 * @版权所有： 小树苗 (C) 2020
 *
 * @文件描述:
 * @版本:
 * @作者        zhangshumiao
 * @创建时间    2020/4/26 21:16
 *
 * @修改记录：
  -----------------------------------------------------------------------------------------------
   ----------- 时间      |   修改人    |     修改的方法       |         修改描述   ---------------
  -----------------------------------------------------------------------------------------------
-->
<template>
  <el-row>
    <el-row :getter="20">
      <el-col>
        <el-button type="primary" size="mini" style="width: 80px;" @click="add()">新增</el-button>
        <el-button type="primary" size="mini" style="width: 80px;" @click="add(id)">编辑</el-button>
      </el-col>
    </el-row>
    <div class="model" v-if="dialogFormVisibleS">
      <div class="modelOut">
<!--        <img src="../../../assets/image/快捷键.jpg" alt="" class="img">-->
        <img src="../../../assets/image/aa.png" alt="" class="img">
      </div>
    </div>
    <el-row :getter="20" class="outside">
      <el-dialog :visible.sync="dialogFormVisible">
        <img src="../../../assets/image/aa.png" alt="" class="img">
<!--        <img src="../../../assets/image/快捷键.jpg" alt="" class="img">-->
      </el-dialog>
    </el-row>
  </el-row>
</template>
<style>
  .model {
    background: rgba(0,0,0,.3);
    z-index: 2001;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    /*margin: 0;*/
  }
  .modelOut {
    text-align: center;
    padding: 20px;
    background: #fff;
    position: relative;
    margin: 100px auto;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
    box-shadow: 0 1px 3px rgba(0,0,0,.3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: auto;
    /*width: 50%;*/
  }
  .outside .el-dialog{
    /*min-width: 70%;*/
    width: auto;
    text-align: center;
  }
  .img {
    /*width: 90%;*/
    /*height: 90%;*/
  }
</style>
<script>
export default {
  data() {
    return {
      dialogFormVisible: false,
      dialogFormVisibleS: false,
    }
  },
  methods: {
    add(id) {
      this.dialogFormVisible = true;
      // this.dialogFormVisibleS = true;
    },
  }
}
</script>


